body{
  width:100%;
  .wrapper{
    width:1024px;
    margin: 0 auto;
    #logo{
      margin-bottom: 55px;
      padding-top: 64px;
      span{
        color:#b3b3b3;
        font-size:24px;
      }
    }
    #title{
      width:100%;
      margin: 0 auto;
      margin-bottom: 66px;
      position: relative;
      border-bottom:#ccc solid 2px;
      .step{
        width:74.5%;
        height: 37px;
        margin-left: 26%;
        li{
          width:82px;
          float: left;
          color:#566278;
          cursor:pointer;
          margin-right: 70px;
          font:normal 16px/24px "微软雅黑";
          padding-left: 38px;
          height: 37px;
          background: url(../images/loginimgs/step1.png) no-repeat 0 0;
        }
        li.set{
          color:#b3b3b3;
          background: url(../images/loginimgs/step2_none.png) no-repeat 0 0;
        }
        li.success{
          color:#b3b3b3;
          background: url(../images/loginimgs/step3_none.png) no-repeat 0 0;
        }
        li.certity{
          position: relative;
          .active{
            width:100%;
            height: 2px;
            background: #35c990;
            position: absolute;
            left:0;
            bottom:-2px;
          }
        }
      }

    }
    #main{
      width:75%;
      height: 460px;
      margin: 0 auto;
      #formlist{
        width:72%;
        margin-bottom: 55px;
        margin-left: 18%;
        label{
          width:80px;
          float: left;
          line-height: 43px;
          text-align: right;
          font-size:14px;
          margin-right: 14px;
        }
        input{
          float: left;
          margin-right: 35px;
          color:#b3b3b3;
          text-indent: 1em;
          font:normal 14px/43px "微软雅黑";
          border:#ccc solid 1px;
        }
        span{
          float: left;
          font-size:14px;
          color:#b3b3b3;
        }
        .phonenum{
          height: 43px;
          margin-bottom: 22px;
          input{
            width:193px;
            height: 43px;
          }
          span{
            width:170px;
            margin-top: 7px;
          }
        }
        .dynamic_code{
          height: 43px;
          margin-bottom: 22px;
          .dycode{
            width:133px;
            height: 43px;
          }
          .get,.second{
            width:70px;
            height: 28px;
            margin-top: 7px;
            font-size:12px;
            color:#fff;
            cursor:pointer;
            line-height: 28px;
            text-indent: 0;
          }
          .get{
            background: #35ca90;
            margin-right: 11px;
          }
        }
        .identify_code{
          height: 43px;
          margin-bottom: 22px;

        }
        p.text{
          color:#b3b3b3;
          margin:0 0 24px 94px;
        }
        .pic{
          height: 40px;
          margin:0 0 55px 94px;
          img,span{
            float: left;
          }
          img{
            margin-right: 16px;
          }
          span{
            color:#35c990;
            cursor:pointer;
            font:normal 14px/36px "微软雅黑";
          }
        }
      }
      .next{
        margin-left: 94px;
        margin-bottom:100px;
        button{
          width:150px;
          height: 40px;
          border-radius:2px;
          background: #35c990;
          margin: 0 auto;
          color:#fff;
          cursor:pointer;
          font:normal 18px/40px "微软雅黑";
        }
      }
    }
    #mainset{
      height:406px;
      display: none;
      margin-top: 120px;
      .setmsg{
        width:312px;
        margin: 0 auto;
        height: 123px;
        margin-bottom:100px;
        .newpsw,.morepsw{
          height: 43px;

          input{
            width:193px;
            height: 43px;
            float: left;
            text-indent: 1em;
            font:normal 14px/43px "微软雅黑";
            border:#ccc solid 1px;
          }
          label{
            float: left;
            width:103px;
            font-size:14px;
            color:#566278;
            margin-right: 14px;
            text-align: right;
            font:normal 14px/43px "微软雅黑" ;
          }

        }
        .newpsw{
          margin-bottom: 22px;
        }

      }
      .nextstep{
        width:278px;
        height: 40px;
        margin: 0 auto;
        //margin-bottom: 147px;
        button{
          width:130px;
          height: 40px;
          float: left;
          color:#fff;
          cursor:pointer;
          font:normal 16px/40px "微软雅黑";
          background:#35ca90;
        }
        .prev{
          margin-right:17px;
        }
        .next{
          background: #ccc;
        }

      }

    }
    #mainsuccess{
      margin:180px;
      height:166px;
      display: none;
      .successbtn{
        width:504px;
        margin:0 auto;
        margin-bottom:108px;
      }
      .back{
        width:160px;
        height:40px;
        margin:0 auto;
        button{
          width:160px;
          height:40px;
          background: #35ca90;
          color:#fff;
          cursor:pointer;
          font:normal 16px/40px "微软雅黑";
        }

      }
    }
    #footer{
      width:100%;
      .copyright{
        width:415px;
        margin:0 auto;
        //position: absolute;
        //bottom:40px;
        //width:408px;
        //left:50%;
        //margin-left:-204px;
      }
    }
  }
}